<nz-card>
  <div nz-row [nzGutter]="20">
    <div nz-col [nzSpan]="12">
      <nz-descriptions
        [nzBordered]="false"
        [nzColumn]="1"
        nzTitle="基本资料"
      >
        <nz-descriptions-item nzTitle="*游戏名称">{{ detailsData.name || '-'}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="*游戏图标">
          <nz-image-group class="img-list-ul">
            <span class="img-list-li">
              <img
                *ngIf="detailsData.icon"
                nz-image
                [nzSrc]="detailsData.icon"
                [nzFallback]="fallback"
                alt=""
              />
            </span>
          </nz-image-group>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="游戏角标">
          <nz-image-group class="img-list-ul">
            <span class="img-list-li">
              <img
                *ngIf="detailsData.cornerMarker"
                nz-image
                [nzSrc]="detailsData.cornerMarker"
                [nzFallback]="fallback"
                alt=""
              />
            </span>
          </nz-image-group>
        </nz-descriptions-item>
        <!-- <nz-descriptions-item nzTitle="*游戏链接">https://www.baidu.com</nz-descriptions-item> -->
        <nz-descriptions-item nzTitle="*广告语">{{ detailsData.subtitle || '-' }}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="应用描述">{{ detailsData.remark || '-' }}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="*游戏引导图">
          <nz-image-group class="img-list-ul">
            <span class="img-list-li">
              <img
                *ngIf="detailsData.coverPhoto"
                nz-image
                [nzSrc]="detailsData.coverPhoto"
                [nzFallback]="fallback"
                alt=""
              />
            </span>
          </nz-image-group>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="*支付回调地址">{{ detailsData.backUrl || '-' }}</nz-descriptions-item>
      </nz-descriptions>

      <nz-divider nzDashed></nz-divider>

      <nz-descriptions
        [nzBordered]="false"
        [nzColumn]="1"
        nzTitle="证件资料"
      >
        <nz-descriptions-item nzTitle="著作权证书">
          <nz-image-group class="img-list-ul">
            <span class="img-list-li">
              <img
                *ngIf="detailsData.copyright"
                nz-image
                [nzSrc]="detailsData.copyright"
                [nzFallback]="fallback"
                alt=""
              />
            </span>
          </nz-image-group>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="游戏版号">
          <nz-image-group class="img-list-ul">
            <span class="img-list-li">
              <img
                *ngIf="detailsData.isbn"
                nz-image
                [nzSrc]="detailsData.isbn"
                [nzFallback]="fallback"
                alt=""
              />
            </span>
          </nz-image-group>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="授权书">
          <nz-image-group class="img-list-ul">
            <span class="img-list-li">
              <img
                *ngIf="detailsData.authorization"
                nz-image
                [nzSrc]="detailsData.authorization"
                [nzFallback]="fallback"
                alt=""
              />
            </span>
          </nz-image-group>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="授权时间">
          {{ detailsData.authDate ? detailsData.authDateStr : '-' }}
        </nz-descriptions-item>
      </nz-descriptions>
    </div>

    <div nz-col [nzSpan]="12">
      <nz-descriptions
        [nzBordered]="false"
        [nzColumn]="1"
        nzTitle="分成资料"
      >
        <nz-descriptions-item nzTitle="*分成方式">
          {{ detailsData.sharingMode | sharingStatus }}
          <!-- {{ detailsData.commission }}
          {{ [1, 2].includes(detailsData.sharingMode) ? '元' : '%' }} -->
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="*{{ [1, 2].includes(detailsData.sharingMode) ? '可赚' : '分成比例' }}">
          {{ detailsData.commission || '-' }}
          {{ [1, 2].includes(detailsData.sharingMode) ? '元' : '%' }}
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="已赚基数">
          有 {{ detailsData.earnedBase || '0' }} 人共赚 {{ detailsData.totalAmount || '0' }} 元
        </nz-descriptions-item>
      </nz-descriptions>

      <nz-divider nzDashed></nz-divider>

      <nz-descriptions
        [nzBordered]="false"
        [nzColumn]="1"
        nzTitle="其他资料"
      >
        <nz-descriptions-item nzTitle="*用户">
          <div [ngSwitch]="detailsData.userType">
            <nz-tag *ngSwitchCase="0">通用</nz-tag>
            <nz-tag nzColor="#87d068" *ngSwitchCase="1">C端</nz-tag>
            <nz-tag nzColor="#2db7f5" *ngSwitchCase="2">B端</nz-tag>
            <span *ngSwitchDefault>-</span>
          </div>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="*推广渠道">
          {{ detailsData.promotionChannels | promotionStatus }}
        </nz-descriptions-item>

        <ng-container *ngIf="[0, 1].includes(detailsData.promotionChannels)">
          <nz-descriptions-item nzTitle="*安装方式">
            {{ detailsData.installMode | installStatus }}
          </nz-descriptions-item>
          <nz-descriptions-item nzTitle="*{{ detailsData.installMode == 1 ? '爱思APP ID' : '链接' }}">
            {{ detailsData.gameUrl || '-' }}
          </nz-descriptions-item>
        </ng-container>

        <nz-descriptions-item nzTitle="*状态">
          <nz-badge
            [nzStatus]="detailsData.state === 0 ? 'success' : 'error'"
            [nzText]="detailsData.state === 0 ? '启用' : '禁用'"
          ></nz-badge>
        </nz-descriptions-item>

        <nz-descriptions-item nzTitle="分类">
          {{ detailsData.typeName || '-' }}
        </nz-descriptions-item>

        <nz-descriptions-item nzTitle="*新游推荐">
          <nz-badge
            [nzStatus]="detailsData.isRecommend === 0 ? 'success' : 'error'"
            [nzText]="detailsData.isRecommend === 0 ? '是' : '否'"
          ></nz-badge>
        </nz-descriptions-item>
      </nz-descriptions>

      <nz-divider nzDashed></nz-divider>

      <nz-descriptions
        [nzBordered]="false"
        [nzColumn]="1"
        nzTitle="开发者凭据"
      >
        <nz-descriptions-item nzTitle="appid">
          {{ detailsData.id }}
          <i
            *ngIf="detailsData.id"
            nz-icon
            nzType="copy"
            nzTheme="outline"
            nz-tooltip
            nzTooltipTitle="点击复制"
            class="m-l-10"
            (click)="copyText(detailsData.id)"
          ></i>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="appkey">
          {{ detailsData.appSecret }}
          <i
            *ngIf="detailsData.appSecret"
            nz-icon
            nzType="copy"
            nzTheme="outline"
            nz-tooltip
            nzTooltipTitle="点击复制"
            class="m-l-10"
            (click)="copyText(detailsData.appSecret)"
          ></i>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="appsecret">
          {{ detailsData.backKey }}
          <i
            *ngIf="detailsData.backKey"
            nz-icon
            nzType="copy"
            nzTheme="outline"
            nz-tooltip
            nzTooltipTitle="点击复制"
            class="m-l-10"
            (click)="copyText(detailsData.backKey)"
          ></i>
        </nz-descriptions-item>
        <nz-descriptions-item nzTitle="游戏测试链接">
          {{ detailsData.testUrl || '-' }}
          <i
            *ngIf="detailsData.testUrl"
            nz-icon
            nzType="copy"
            nzTheme="outline"
            nz-tooltip
            nzTooltipTitle="点击复制"
            class="m-l-10"
            (click)="copyText(detailsData.testUrl)"
          ></i>
        </nz-descriptions-item>
      </nz-descriptions>
    </div>
  </div>
</nz-card>